<template>
    <div class="app-container">
        <Header></Header>
        <!-- 用于占位头部导航的 -->
        <div class="placeholder"></div>

        <router-view></router-view>

        <Footer></Footer>
    </div>
</template>

<script setup lang="ts">
    import Header from '@/components/Header/index.vue'
    import Footer from '@/components/Footer/index.vue'
</script>

<style scoped lang="scss">
    .placeholder {
        height: 96px;
    }
</style>